動線與內容
避免資訊量爆炸 - 少即是多
並非所有的內容都要全部塞到網頁內
像是在製作手機版面時，盡量只顯示重要的，顯示客人想看到的資訊!
斷點規劃
判斷方法之一
行內文字數。(最好的是能夠讓眼睛一次瀏覽)(中文30-40/英文32-80)
觀念
- RWD無法讓所有螢幕解析度都是最佳化，選出受眾群最常用的。
- 80/20法則，先兼容熱門瀏覽器
- RWD要mobile first 還是 desktop first? 記住越前面的，越彈性!
點擊範圍
注意點擊範圍，增加點擊區塊大小!
手指範圍 大約等於 44px(高)
注意使用者特性
:hover 用於 電腦版
touch 用於 手機版
![[JS Behind The Scene] 從 for loop 理解 scope 和 event loop 的運作機制](https://powerfultraveling.coderbridge.io/2021/08/06/week16-2-for-loop/?utm_source=coderbridge-io&utm_medium=blog_related_post_img&utm_campaign=Hoyi's Daily Note_[JS Behind The Scene] 從 for loop 理解 scope 和 event loop 的運作機制_@gastbyylion_https://static.coderbridge.com/images/covers/default-post-cover-3.jpg)
